﻿@model MezmurStore2.Models.Album

@{
    ViewBag.Title = "Create";
}

<h2>Enter Album Info</h2>
<br />
<h3>Please provide the official title and poster of the mezmure album you are uploading.</h3>
<br />
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@{
    var geners = new List<SelectListItem>
    {
        new SelectListItem() { Value = "Misgana", Text =  "Misgana"},
        new SelectListItem() { Value = "Niseha", Text = "Niseha"},
        new SelectListItem() { Value = "Awdamet", Text = "Awdamet"},
        new SelectListItem() { Value = "Serg", Text = "Serg"},
        new SelectListItem() { Value = "Other", Text = "Other"},
    };
}



@using (Html.BeginForm("Create", "AlbumManager", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.ValidationSummary(true)
    <fieldset>
            <legend style="color:White">Album</legend>
            <br />
        <div class="editor-label">
            @Html.LabelFor(model => model.Title): 
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Title)
            @Html.ValidationMessageFor(model => model.Title)
        </div>

        <br />

        <div class="editor-label">
            @Html.LabelFor(model => model.Gener)
        </div>
        <div class="editor-field">
            @Html.DropDownList("Gener", geners);
            @Html.ValidationMessageFor(model => model.Gener)
        </div>

        <br />
        <div class="editor-label">
            Album Image: 
        </div>

        <div class="editor-field">
           <input id="files-to-upload" type="file"  name="posterImage"/>
        </div>
        <br />
        <p>
            <input type="submit" value="Next >>>" />
        </p>
    </fieldset>
}
